import { Avatar, Divider, Tooltip } from 'antd';
import {
    QqOutlined,
    GithubOutlined,
    WechatOutlined,
} from '@ant-design/icons';
import "../public/style/components/Avatar.css"
const Info = () => (
    <div className="author-div comm-box">
        <div ><Avatar size={100} src="https://portrait.gitee.com/uploads/avatars/user/1842/5528122_askacharing_1595150349.png!avatar100" /></div>

        <div className="author-introduction">
            专注于WEB和移动前端开发。
        <Divider />
            <Tooltip title="2535094736">
                <Avatar size={30} icon={<QqOutlined />} className="account" />
            </Tooltip>
            <Tooltip title="https://gitee.com/askacharing/dashboard/projects">
               <a href="https://gitee.com/askacharing/dashboard/projects"> <Avatar size={30} icon={<GithubOutlined />} className="account" /></a>
            </Tooltip>
            <Tooltip title="15921485224">
                <Avatar size={30} icon={<WechatOutlined />} className="account" />
            </Tooltip>


        </div>
    </div>
)
export default Info